<!DOCTYPE html>

<html data-theme="dark" lang="zh-CN">
<head><meta name="description" content="个人主页 · Ruotong Music｜若通音乐 - 若通音乐（Ruotong Music）。页面：account。高品质商用音乐与音效，授权便捷，企业合作支持。">
<script nonce="egGm1vew450DZoTL-3wOqg">
   /* rt-pre-theme */
(function(){
  try{
    var t = localStorage.getItem('theme');
    if(!t){ t = (window.matchMedia && matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; }
    document.documentElement.setAttribute('data-theme', t);
  }catch(e){}
})();
  </script>
<meta content="default-src 'self'; script-src 'self' https://www.googletagmanager.com https://unpkg.com 'nonce-egGm1vew450DZoTL-3wOqg' 'strict-dynamic' 'report-sample'; style-src 'self' 'unsafe-inline' 'report-sample'; img-src 'self' data: https: blob:; font-src 'self' data: https:; connect-src 'self' https:; frame-src 'self' https:; object-src 'none'; base-uri 'self'; frame-ancestors 'none'; upgrade-insecure-requests" http-equiv="Content-Security-Policy"/>
<meta content="light dark" name="color-scheme"/>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<title>
   个人主页 · Ruotong Music｜若通音乐
  </title>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" name="description"/>







<script nonce="egGm1vew450DZoTL-3wOqg">
   (function(){
    try{
      var saved = localStorage.getItem('theme');
      var systemDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
      var t = saved || (systemDark ? 'dark' : 'light');
      document.documentElement.setAttribute('data-theme', t);
    }catch(e){}
  })();
  </script>

<style>
   /* a11y helpers */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#000;color:#fff;border-radius:6px;}
.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap;}
  </style>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/account.html" rel="canonical"/>
<meta content="website" property="og:type"/>
<meta content="Ruotong Music" property="og:site_name"/>
<meta content="个人主页 · Ruotong Music｜若通音乐" property="og:title"/>
<meta content="若通音乐：高品质商用音乐与音效平台，提供 BPM/Key、版本剪辑与分轨 Stems，波形预览与智能搜索，适用广告、短视频、影视与游戏制作。" property="og:description"/>
<meta content="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/account.html" property="og:url"/>
<meta content="https://www.ruotongmusic.com/assets/og/cover.webp" property="og:image"/>
<meta content="summary_large_image" name="twitter:card"/>
<meta content="个人主页 · Ruotong Music" name="twitter:title"/>
<meta content="收藏、购买、下载、发票与绑定频道的统一用户中心。" name="twitter:description"/>
<meta content="https://www.ruotongmusic.com/static/og-cover.png" name="twitter:image"/>
<script nonce="egGm1vew450DZoTL-3wOqg" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "Organization", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "logo": "https://www.ruotongmusic.com/assets/og/cover.webp"}
  </script>
<link href="/site.webmanifest" rel="manifest"/>
<meta content="#0b1220" name="theme-color"/>
<meta content="strict-origin-when-cross-origin" name="referrer"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/account.html" hreflang="zh-CN" rel="alternate"/>
<link href="/πÇÉµû░Φë▓τ¢ÿπÇæµò┤Σ╜ôτ╜æτ½Ö-v331/site/account.html?lang=en" hreflang="en-US" rel="alternate"/>
<script nonce="egGm1vew450DZoTL-3wOqg" type="application/ld+json">
   {"@context": "https://schema.org", "@type": "WebSite", "name": "若通音乐", "url": "https://www.ruotongmusic.com", "potentialAction": {"@type": "SearchAction", "target": "https://www.ruotongmusic.com/search.html?q={query}", "query-input": "required name=query"}}
  </script>
<script async="True" crossorigin="anonymous" nonce="egGm1vew450DZoTL-3wOqg" src="https://www.googletagmanager.com/gtag/js?id=G-XXXX123456">
</script>
<script nonce="egGm1vew450DZoTL-3wOqg">
   window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-XXXX123456');
  </script>

<meta content="dark light" name="color-scheme"/>
<script defer="True" nonce="egGm1vew450DZoTL-3wOqg" src="../assets/js/theme-init.js">
</script>




<link href="//unpkg.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://unpkg.com" rel="preconnect"/>
<link href="//www.googletagmanager.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.googletagmanager.com" rel="preconnect"/>
<link href="//www.ruotongmusic.com" rel="dns-prefetch"/>
<link crossorigin="anonymous" href="https://www.ruotongmusic.com" rel="preconnect"/>
<meta content="#000000" media="(prefers-color-scheme: dark)" name="theme-color"/>
<meta content="#ffffff" media="(prefers-color-scheme: light)" name="theme-color"/>



<link href="/assets/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/>
<meta content="zh_CN" property="og:locale"/>


<!-- Favicon -->
<link href="/assets/favicon.svg" rel="icon" type="image/svg+xml"/>
<link href="/assets/favicon.ico" rel="icon" sizes="any"/>
<link href="/assets/favicon.png" rel="apple-touch-icon" sizes="180x180"/>


<link href="/assets/favicon-32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/assets/favicon-16.png" rel="icon" sizes="16x16" type="image/png"/>
<link href="https://unpkg.com" rel="preconnect"/>
<link href="https://www.googletagmanager.com" rel="preconnect"/>


</link><link href="/zh/account" hreflang="zh" rel="alternate"/><link href="/en/account" hreflang="en" rel="alternate"/><link href="/ja/account" hreflang="ja" rel="alternate"/> 


  







<link rel="stylesheet" href="../assets/css/account.min.css">
</head>
<body>
<style>
.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-to-content:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;background:#fff;padding:8px 12px;border:1px solid #000;}
:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
</style>
<a class="skip-to-content" href="#main">跳转到主内容</a>


<a class="skip-link" href="#main-content">
   跳到主要内容
  </a>
<a class="skip-link" href="#main">
   跳到主要内容
  </a>
<header class="header" role="banner">
<div class="container row">
<a aria-label="Ruotong Music 首页" class="logo" href="index-v2.html">
<img alt="Ruotong Music" decoding="async" height="26" loading="lazy" src="assets/logo.svg" width="26"/>
<strong>
      Ruotong Music
     </strong>
</a>
<nav aria-label="主导航">
<a href="index-v2.html">
      音乐
     </a>
<a href="collections.html">
      合集
     </a>
<a href="pricing.html">
      价格
     </a>
<a href="support.html">
      支持
     </a>
</nav>
<div class="grow">
</div>
<div class="actions">
<button aria-label="切换明暗主题" aria-pressed="false" class="theme rt-theme-toggle icon-btn" id="rt-theme-toggle" type="button">
<svg aria-hidden="true" class="sun" height="16" viewbox="0 0 24 24" width="16">
<path d="M6.76 4.84L5.34 3.42 3.92 4.84l1.42 1.42 1.42-1.42zm10.48 0l1.42-1.42L20.08 4.84l-1.42 1.42-1.42-1.42zM12 4V2h0v2zm0 16v2h0v-2zM4 12H2v0h2zm18 0h-2v0h2zM6.76 19.16l-1.42 1.42-1.42-1.42 1.42-1.42 1.42 1.42zm10.48 0l1.42 1.42 1.42-1.42-1.42-1.42-1.42 1.42zM12 7a5 5 0 100 10 5 5 0 000-10z" fill="currentColor">
</path>
</svg>
<svg aria-hidden="true" class="moon" height="16" style="display:none" viewbox="0 0 24 24" width="16">
<path d="M21 12.79A9 9 0 1 1 11.21 3a7 7 0 1 0 9.79 9.79z" fill="currentColor">
</path>
</svg>
<span class="rt-visually-hidden">
       切换主题
      </span>
</button>
<div class="input" role="search">
<svg aria-hidden="true" height="16" viewbox="0 0 24 24" width="16">
<path d="M3 10a7 7 0 1 1 14 0a7 7 0 0 1-14 0m19.7 11.3l-6.4-6.4A9 9 0 1 0 12 21a9 9 0 0 0 5.9-2.2l6.4 6.4l-1.6 1.6z" fill="currentColor">
</path>
</svg>
<input aria-label="搜索音乐" autocapitalize="none" autocomplete="off" id="search-input" placeholder="搜索：场景 / 情绪 / 用途 / 乐器（Ctrl / ⌘ + K）" type="search"/>
<span aria-label="打开瞬搜指令盘" class="kbd" role="button" tabindex="0">
       Ctrl / ⌘ + K
      </span>
</div>
<button class="ghost" type="button">
      中文 / EN / 日本語
     </button>
<button class="ghost" type="button">
      登录
     </button>
<button class="btn" type="button">开始使用</button>
</div>
</div>
</header>
<main id="main-content">
<h1 class="visually-hidden">
    个人主页 · Ruotong Music
   </h1>
<div class="container">
<div class="uc" id="uc-root">
<div class="account-hero">
<div class="row">
<div>
<h2 style="margin:0 0 6px">
         个人主页
        </h2>
<div class="small">
         收藏、购买、下载、开票与绑定频道都在这里。
        </div>
</div>
<div style="margin-left:auto; display:flex; gap:10px">
<button class="btn" type="button">
         下载桌面插件
        </button>
<button class="btn primary" type="button">
         开始30天试用
        </button>
</div>
</div>
</div>
<nav aria-label="Account sections" class="tabs" role="tablist">
<button aria-selected="true" class="tab" data-target="#overview" role="tab" type="button">
       概览
      </button>
<button aria-selected="false" class="tab" data-target="#favorites" role="tab" type="button">
       收藏
      </button>
<button aria-selected="false" class="tab" data-target="#purchases" role="tab" type="button">
       购买与发票
      </button>
<button aria-selected="false" class="tab" data-target="#downloads" role="tab" type="button">
       下载
      </button>
<button aria-selected="false" class="tab" data-target="#channels" role="tab" type="button">
       绑定账号
      </button>
<button aria-selected="false" class="tab" data-target="#security" role="tab" type="button">
       安全设置
      </button>
<button aria-selected="false" class="tab" data-target="#invoice" role="tab" type="button">发票中心</button>
<button aria-selected="false" class="tab" data-target="#license" role="tab" type="button">授权证书</button></nav>
<section class="section active" id="overview">
<div class="row">
<div class="card" style="flex:1">
<h4>
         快速入口
        </h4>
<div class="row">
<span class="badge">
          发票中心
         </span>
<span class="badge">
          授权证书
         </span>
<span class="badge">
          API密钥
         </span>
<span class="badge">
          团队协作
         </span>
</div>
</div>
<div class="card" style="min-width:300px">
<h4>
         订阅状态
        </h4>
<div class="muted">
         已绑定频道：YouTube @RuotongMusic
        </div>
<div style="margin-top:10px">
<span class="badge success">
          活跃
         </span>
</div>
</div>
</div>
</section>

<section class="section" id="favorites">
  <div class="card" id="favorites-card-demo">
    <h4 style="margin-bottom:10px">收藏清单</h4>
    <table aria-label="Favorites" class="table">
      <thead>
        <tr>
          <th>曲目</th><th>标签</th><th>时长</th><th>添加时间</th><th>操作</th>
        </tr>
      </thead>
      <tbody id="favorites-demo-tbody">
        <tr data-demo="1">
      <td><a href="#" class="track-link">Let's Talk About Your Ex</a></td>
      <td class="nowrap" style="display:flex;gap:6px;flex-wrap:wrap"><span class="badge">流行</span><span class="badge">电子</span><span class="badge">Vlog</span></td>
      <td class="nowrap">02:31</td>
      <td class="nowrap">2025-09-30 10:30</td>
      <td class="nowrap"><a href="#" aria-label="试听 Let's Talk About Your Ex">试听</a> · <a href="#" aria-label="查看 Let's Talk About Your Ex">查看</a></td>
    </tr>
<tr data-demo="1">
      <td><a href="#" class="track-link">City Lights</a></td>
      <td class="nowrap" style="display:flex;gap:6px;flex-wrap:wrap"><span class="badge">合成器</span><span class="badge">都市</span><span class="badge">节奏</span></td>
      <td class="nowrap">03:05</td>
      <td class="nowrap">2025-08-19 21:10</td>
      <td class="nowrap"><a href="#" aria-label="试听 City Lights">试听</a> · <a href="#" aria-label="查看 City Lights">查看</a></td>
    </tr>
<tr data-demo="1">
      <td><a href="#" class="track-link">白日梦境</a></td>
      <td class="nowrap" style="display:flex;gap:6px;flex-wrap:wrap"><span class="badge">Lo‑Fi</span><span class="badge">学习</span><span class="badge">柔和</span></td>
      <td class="nowrap">01:58</td>
      <td class="nowrap">2025-07-09 18:22</td>
      <td class="nowrap"><a href="#" aria-label="试听 白日梦境">试听</a> · <a href="#" aria-label="查看 白日梦境">查看</a></td>
    </tr>
<tr data-demo="1">
      <td><a href="#" class="track-link">出发吧少年</a></td>
      <td class="nowrap" style="display:flex;gap:6px;flex-wrap:wrap"><span class="badge">热血</span><span class="badge">运动</span><span class="badge">短视频</span></td>
      <td class="nowrap">02:21</td>
      <td class="nowrap">2025-06-02 14:03</td>
      <td class="nowrap"><a href="#" aria-label="试听 出发吧少年">试听</a> · <a href="#" aria-label="查看 出发吧少年">查看</a></td>
    </tr>
<tr data-demo="1">
      <td><a href="#" class="track-link">清晨的风</a></td>
      <td class="nowrap" style="display:flex;gap:6px;flex-wrap:wrap"><span class="badge">轻快</span><span class="badge">原声</span><span class="badge">旅行</span></td>
      <td class="nowrap">01:45</td>
      <td class="nowrap">2025-05-11 09:12</td>
      <td class="nowrap"><a href="#" aria-label="试听 清晨的风">试听</a> · <a href="#" aria-label="查看 清晨的风">查看</a></td>
    </tr>
<tr data-demo="1">
      <td><a href="#" class="track-link">月色与海</a></td>
      <td class="nowrap" style="display:flex;gap:6px;flex-wrap:wrap"><span class="badge">氛围</span><span class="badge">慢节奏</span><span class="badge">治愈</span></td>
      <td class="nowrap">03:12</td>
      <td class="nowrap">2025-04-20 23:40</td>
      <td class="nowrap"><a href="#" aria-label="试听 月色与海">试听</a> · <a href="#" aria-label="查看 月色与海">查看</a></td>
    </tr>
      </tbody>
    </table>
  </div>

  <!-- 运行时真实收藏挂载点（保持不变，便于将来接入脚本） -->
  <div id="fav-list" class="favorites-host"></div>

  <script nonce="egGm1vew450DZoTL-3wOqg">
  (function(){"use strict";
    function hasRealFavorites(){
      var host = document.getElementById('fav-list');
      return !!(host && host.children && host.children.length > 0);
    }
    function toggle(){
      var has = hasRealFavorites();
      var demoCard = document.getElementById('favorites-card-demo');
      if(demoCard) demoCard.style.display = has ? 'none' : '';
    }
    document.addEventListener('DOMContentLoaded', toggle);
    window.addEventListener('load', function(){ toggle(); setTimeout(toggle, 200); setTimeout(toggle, 800); });
    window.addEventListener('rt:favorites:changed', toggle);
  })();
  </script>
</section>

<section class="section" id="purchases">
<div class="card">
<h4 style="margin-bottom:10px">
        历史购买
       </h4>
<table aria-label="Purchases" class="table">
<thead>
<tr>
<th>
           订单号
          </th>
<th>
           项目
          </th>
<th>
           授权类型
          </th>
<th>
           金额
          </th>
<th>
           状态
          </th>
<th>
           发票
          </th>
</tr>
</thead>
<tbody>
<tr>
<td>
           #RT-2025-10012
          </td>
<td>
           Let's Talk About Your Ex
          </td>
<td>
           商业许可
          </td>
<td>
           $99.99
          </td>
<td>
<span class="badge success">
            已支付
           </span>
</td>
<td>
<a href="index-v2.html">
            下载PDF
           </a>
</td>
</tr>
<tr>
<td>
           #RT-2025-10013
          </td>
<td>
           City Lights
          </td>
<td>
           个人许可
          </td>
<td>
           $39.99
          </td>
<td>
<span class="badge success">
            已支付
           </span>
</td>
<td>
<a href="index-v2.html">
            下载PDF
           </a>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="section" hidden="" id="invoice"><div id="rt-invoice-root"><div class="rtacc">
  <div class="rtacc-panel">
    <div class="rtacc-sum">
  <div class="rtacc-stat"><h4>可开发票金额（元）</h4><div class="n" id="rt-invoice-eligible">0</div></div>
</div>
    <div style="padding:8px 18px 14px">
      <div class="rtacc-toolbar invoice-toolbar">
  <button class="rtacc-btn primary" id="rtacc-invoice-batch">全选开发票</button>
</div>
<table class="rtacc-table">
        <thead>
          <tr>
            <th>订单编号</th><th>充值金额</th><th>支付方式</th><th>支付时间</th><th>发票状态</th><th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>202509301029360001</td><td>¥5,000</td><td>微信</td><td>2025-09-30 10:30:09</td>
            <td><span class="rtacc-badge">未申请</span></td>
            <td><button class="rtacc-btn primary" disabled>申请发票</button></td>
          </tr>
          <tr>
            <td>20250603101060001</td><td>¥5,000</td><td>微信</td><td>2025-06-03 10:10:44</td>
            <td><span class="rtacc-badge">未申请</span></td>
            <td><button class="rtacc-btn primary" disabled>申请发票</button></td>
          </tr>
          <tr>
            <td>202505191918360001</td><td>¥2,000</td><td>微信</td><td>2025-05-19 19:19:36</td>
            <td><span class="rtacc-badge">未申请</span></td>
            <td><button class="rtacc-btn primary" disabled>申请发票</button></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div></div></section>
<section class="section" hidden="" id="license"><div id="rt-license-root"><div class="rtacc">
  <div class="rtacc-panel">
    <div class="rtacc-toolbar">
      <div class="rtacc-filter">
        <button class="rtacc-filter-btn active">全部音乐</button>
        <button class="rtacc-filter-btn">已授权音乐</button>
        <button class="rtacc-filter-btn">未授权音乐</button>
      </div>
      <div class="rtacc-search"><input type="search" placeholder="搜索标题 / 作者 / 授权代码…"></div>
    </div>
    <div class="rtacc-list">
      <div class="rtacc-item">
        <div class="rtacc-cover"></div>
        <div class="rtacc-meta">
          <div class="rtacc-title">コミカル上昇音_ポワン <span class="rtacc-badge success">已激活</span></div>
          <div class="rtacc-muted">by 癒しの音スタジオ–SoundTeam</div>
          <div class="rtacc-kv">
            <div><span>授权用途：</span>个人用途（非商用）</div>
            <div><span>授权范围：</span>个人账户</div>
            <div><span>授权地域：</span>中国</div>
            <div><span>授权期限：</span>随片永久</div>
          </div>
        </div>
        <div class="rtacc-actions">
          <button class="rtacc-btn">下载音乐</button>
          <button class="rtacc-btn primary">查看授权书</button>
        </div>
      </div>

      <div class="rtacc-item">
        <div class="rtacc-cover"></div>
        <div class="rtacc-meta">
          <div class="rtacc-title">张力 #01 <span class="rtacc-badge warn">未激活</span></div>
          <div class="rtacc-muted">by MATSU</div>
          <div class="rtacc-kv">
            <div><span>授权用途：</span>连续剧/综艺</div>
            <div><span>授权范围：</span>网络</div>
            <div><span>授权地域：</span>中国</div>
            <div><span>授权期限：</span>随片永久</div>
          </div>
        </div>
        <div class="rtacc-actions">
          <button class="rtacc-btn">下载音乐</button>
          <button class="rtacc-btn primary">生成授权书</button>
        </div>
      </div>
    </div>
  </div>
</div></div></section>
<section class="section" id="downloads">
<div class="card">
<h4>
        下载记录
       </h4>
<table aria-label="Downloads" class="table">
<thead>
<tr>
<th>
           曲目
          </th>
<th>
           时间
          </th>
<th>
           格式
          </th>
<th>
           授权
          </th>
<th>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
           Let's Talk About Your Ex
          </td>
<td>
           2025-08-25 14:21
          </td>
<td>
           WAV
          </td>
<td>
           订阅覆盖
          </td>
<td>
<a href="index-v2.html">
            重新下载
           </a>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section class="section" id="channels">
<div class="row">
<div class="card" style="flex:1">
<h4>
         绑定的频道 / 账号
        </h4>
<div class="muted">
         这些账号在订阅有效期内上传内容时，均被授权使用库内音乐。
        </div>
<table class="table" style="margin-top:10px">
<thead>
<tr>
<th>
            平台
           </th>
<th>
            账号
           </th>
<th>
            状态
           </th>
<th>
            添加时间
           </th>
</tr>
</thead>
<tbody>
<tr>
<td>
            YouTube
           </td>
<td>
            @RuotongMusic
           </td>
<td>
<span class="badge success">
             已验证
            </span>
</td>
<td>
            2025-05-12
           </td>
</tr>
<tr>
<td>
            TikTok
           </td>
<td>
            @ruotongmusic
           </td>
<td>
<span class="badge warn">
             待验证
            </span>
</td>
<td>
            2025-08-01
           </td>
</tr>
</tbody>
</table>
</div>
<div class="card" style="min-width:280px">
<h4>
         添加新账号
        </h4>
<div class="muted">
         支持 YouTube、Instagram、TikTok、Facebook、Twitch。
        </div>
<button class="btn" style="margin-top:10px" type="button">
         绑定新账号
        </button>
</div>
</div>
</section>
<section class="section" id="security">
<div class="row">
<div class="card" style="flex:1">
<h4>
         登录与安全
        </h4>
<div class="muted">
         支持 Google / Apple 登录，或设置独立密码。
        </div>
<div style="margin-top:10px; display:flex; gap:10px">
<button class="btn" type="button">
          更改密码
         </button>
<button class="btn" type="button">
          启用双重认证
         </button>
</div>
</div>
<div class="card" style="min-width:280px">
<h4>
         发票抬头
        </h4>
<div class="muted">
         保存企业抬头、税号，结算时自动填充。
        </div>
<button class="btn" style="margin-top:10px" type="button">
         管理抬头
        </button>
</div>
</div>
</section>
</div>
</div>
</main>
<footer class="footer">
<div class="container cols">
<div>
<strong>
      Ruotong Music
     </strong>
<p class="muted">
      5000 首严选 · 为创作者与品牌而生。
     </p>
</div>
<div>
<div class="muted">
      联系
     </div>
<a href="mailto:support@ruotongmusic.com">
      support@ruotongmusic.com
     </a>
</div>
<div>
<div class="muted">
      公司
     </div>
<a href="about.html">
      关于我们
     </a>
<br/>
<a href="pricing.html">
      开通会员
     </a>
</div>
<div>
<div class="muted">
      协议
     </div>
<a href="policy/v2/license-agreement/index.html">
      授权协议
     </a>
<br/>
<a href="policy/v2/privacy/index.html">
      隐私条款
     </a>
</div>
</div>
</footer>
<script nonce="egGm1vew450DZoTL-3wOqg" src="js/user-center.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg">
   // Fill favorites grid with demo items linking to track page
    (function(){
      const favGrid = document.getElementById('fav-grid');
      if (!favGrid) return;
      const items = Array.from({length: 8}).map((_,i)=>`<article class="song-card">
          <div class="art" aria-hidden="true"></div>
          <div class="title">Demo Track ${i+1}</div>
          <div class="meta">
            <span>Artist</span>
            <a href="track.html">购买授权</a>
          </div>
        </article>`).join('');
      favGrid.innerHTML = items;
    })();
  </script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="js/app.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="js/rt-theme.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg">
   if('serviceWorker' in navigator){window.addEventListener('load',()=>{navigator.serviceWorker.register('/sw.js');});}
  </script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="js/rt-color-summary-inject.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="js/rt-color-button-overlay.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="js/rt-color-actions.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="../contrast/contrast-theme.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="../contrast/contrast-palette-restore.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="../contrast/contrast-swatch-attr.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="../contrast/contrast-palette-even.js" defer>
</script>
<script nonce="egGm1vew450DZoTL-3wOqg" src="../contrast/contrast-palette-recent.js" defer>
</script>
<script src="js/a11y-and-motion.js" defer>
</script>
<script src="js/account-enhancements.js" defer></script>

<script nonce="egGm1vew450DZoTL-3wOqg" src="js/account-tabs.js" defer></script>





<script src="js/rt-account.js" defer></script>
<script nonce="egGm1vew450DZoTL-3wOqg">
(function boot(){ 
  try{ 
    if(window.RTAccount && document.querySelector('#rt-invoice-root') && document.querySelector('#rt-license-root')){ 
      if(window.__rtacc_boot__) return; window.__rtacc_boot__=true; 
      RTAccount.initInvoice('#rt-invoice-root', { invoiceUrl:'invoice.html' }); 
      RTAccount.initLicense('#rt-license-root', { certificateUrl:'certificate.html' }); 
    } else { setTimeout(boot, 120); } 
  }catch(e){ try{console.warn('[rtacc boot]', e)}catch(_){} } 
})();
</script>
<script src="js/rt-account-boot.js" defer></script>

<!-- Ruotong Account Buttons (auto-wired) -->
<script>window.RUOTONG_API_BASE = window.RUOTONG_API_BASE || '/api';</script>
<link rel="stylesheet" href="/rt-assets/css/toast.css">
<link rel="stylesheet" href="/rt-assets/css/modal.css">
<script src="/rt-assets/js/toast.js" defer></script>
<script src="/rt-assets/js/modal.js" defer></script>
<script src="/rt-assets/js/account-actions.js" defer></script>


<script>
document.addEventListener('DOMContentLoaded', function(){
  try{ document.body.classList.add('rt-darkfix'); }catch(e){}
});
</script>

  <script src="js/auth.js" defer></script>
  <script src="js/nav-fallback.js" defer></script>

  <script nonce="egGm1vew450DZoTL-3wOqg" src="js/invoice-flow.js" defer></script>

<!-- License Wizard Dialog -->
<dialog id="license-wizard-dialog" class="rt-dialog">
  <form id="wizard-form" method="dialog" class="dialog-body">
    <h3 style="margin:0 0 8px">生成授权书：<span id="wiz-track-title"></span></h3>
    <input type="hidden" id="wiz-track-id" />
    <div class="grid two" style="gap:16px 24px">
      <fieldset class="fieldset">
        <legend>授权方式</legend>
        <label style="display:block;margin:.4em 0"><input type="radio" name="wiz-plan" id="wiz-plan-sub" value="subscription"> 订阅制（已订阅用户可直接使用）</label>
        <label style="display:block;margin:.4em 0"><input type="radio" name="wiz-plan" id="wiz-plan-single" value="single"> 单曲购买</label>
      </fieldset>

      <fieldset class="fieldset" id="wiz-channels">
        <legend>投放渠道（可多选）</legend>
        <label><input type="checkbox" value="抖音"> 抖音</label>
        <label><input type="checkbox" value="快手"> 快手</label>
        <label><input type="checkbox" value="B站"> B站</label>
        <label><input type="checkbox" value="微博"> 微博</label>
        <label><input type="checkbox" value="微信视频号"> 微信视频号</label>
        <label><input type="checkbox" value="小红书"> 小红书</label>
        <label><input type="checkbox" value="YouTube"> YouTube</label>
        <label><input type="checkbox" value="其他"> 其他</label>
      </fieldset>

      <div>
        <label>项目名称<br><input id="wiz-project" type="text" placeholder="例如：短视频《周一快乐》" style="width:100%"></label>
      </div>
      <div>
        <label>被授权者<br><input id="wiz-owner" type="text" placeholder="例如：王小明" style="width:100%"></label>
      </div>
      <div>
        <label>授权用途<br>
          <select id="wiz-purpose" style="width:100%">
            <option>个人用途（非商用）</option>
            <option>商用-企业宣传</option>
            <option>商用-广告投放</option>
            <option>影视/综艺/短剧</option>
            <option>游戏/APP</option>
          </select>
        </label>
      </div>
      <div>
        <label>授权范围<br>
          <select id="wiz-scope" style="width:100%">
            <option>个人账户</option>
            <option>公司</option>
            <option>网络</option>
          </select>
        </label>
      </div>
      <div>
        <label>授权地域<br>
          <select id="wiz-region" style="width:100%">
            <option>中国</option>
            <option>全球</option>
          </select>
        </label>
      </div>
      <div>
        <label>授权期限<br>
          <select id="wiz-term" style="width:100%">
            <option>随片永久</option>
            <option>1年</option>
            <option>3年</option>
          </select>
        </label>
      </div>
    </div>

    <div class="dialog-actions" style="margin-top:16px; display:flex; gap:8px; justify-content:flex-end">
      <button type="button" data-close>取消</button>
      <button class="primary" type="submit">生成授权书</button>
    </div>
  </form>
</dialog>

<!-- License View Dialog -->
<dialog id="license-view-dialog" class="rt-dialog" style="max-width:960px">
  <div class="dialog-body printable">
    <div class="license-preview">
      <!-- filled by JS -->
    </div>
    <div class="dialog-actions" style="margin-top:16px; display:flex; gap:8px; justify-content:flex-end">
      <button id="license-download">下载授权书(HTML)</button>
      <button id="license-print" class="primary">下载/打印授权书</button>
      <button type="button" data-close>关闭</button>
    </div>
  </div>
</dialog>

<script nonce="egGm1vew450DZoTL-3wOqg" src="js/license-flow.js" defer></script>
<script src="js/rt-favorites.js" defer></script>
  <script src="js/fav-demo.js" defer></script>
</body>
</html>